/** @type {import('tailwindcss').Config} */
module.exports = {
  // 这里给出了一份 taro 通用示例，具体要根据你自己项目的目录结构进行配置
  // 比如你使用 vue3 项目，你就需要把 vue 这个格式也包括进来
  // 不在 content glob表达式中包括的文件，在里面编写tailwindcss class，是不会生成对应的css工具类的
  content: ['./public/index.html', './src/**/*.{html,js,ts,jsx,tsx}'],
  important: true,
  // 其他配置项 ...
  corePlugins: {
    // 小程序不需要 preflight，因为这主要是给 h5 的，如果你要同时开发多端，你应该使用 process.env.TARO_ENV 环境变量来控制它
    preflight: false,
  },

  theme: {
    extend: {
      boxShadow: {
        input: '0 0 8px rgba(0,0,0,0.1)',
        footer: '0 -6px 10px rgba(0,0,0,0.1)',
      },
      fontSize: {
        lg: '32px',
        xl: '40px',
      },
      colors: {
        black: '#464A57',
        gary1: '#696974',
        gary2: '#E2E2EA',
        gary3: '#B4B8C4',
        gary4: '#7A8195',
        gary5: '#F4F4F4',
        blue1: '#1B2543',
        success: '#00B578',
        warn: 'var(--warn-color)',
        danger: '#FF2828',
        primary: 'var(--primary-color)',
      },
    },
  },
};
